<script>
import axios from 'axios'
export default {
  data(){
    return {
      userinfos:[]
    }
  },
  methods: {
    sendGet(){
// 向给定ID的用户发起请求
      axios.get('http://localhost:8082/api/user/find')
          .then((res)=> {
// 处理成功情况
            console.log(res.data.data)
            this.userinfos=res.data.data
          })
          .catch(function (err) {
// 处理错误情况
            console.log(err);
          })
    }
    }

}
</script>
<template>
  <button @click="sendGet">发送get请求</button>
<!--  <button @click="sendPost">发送post请求请求</button>-->
<!--  <button @click="sendPut">发送put请求</button>-->
<!--  <button @click="sendDelete">发送delete请求</button>-->

  <table>
    <tr>
      <th>ID</th>
      <th>UserName</th>
      <th>Password</th>
      <th>Sex</th>
    </tr>
    <tr v-for="(userinfo,index) in userinfos":key="userinfo.id">
    <td>{{userinfo.id}}</td>
      <td>{{userinfo.username}}</td>
      <td>{{userinfo.password}}</td>
      <td>{{userinfo.sex}}</td>
    </tr>
  </table>

</template>
<style >
</style>